<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
      <style>
            body{
                  margin: 0;
                  padding: 0;
                  font-family: "montserrat";
                  background: radial-gradient(300% 100% at top,#14253e 10%,#75517d 40%,#e98296 65%,#f7eca7) fixed;
                  background-size: 400%;
                  animation: bganimation 15s infinite;
            }
            .text{
                  color: white;
                  text-align: center;
                  text-transform: uppercase;
                  margin: 350px 0;
                  font-size: 22px;
            }
      </style>
</head>
<body>
      <div class="text">
            渐变css样式
      </div>
</body>
</html>